#tblTodo {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  empty-cells: show;
  border: 0;

  th, td {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border-left: dotted 1px gray;
    border-bottom: dotted 1px gray;

    font-family: consolas, simsun;
    font-size: 11pt;
    padding: 4px;
  }

  th:first-child, td:first-child {
    border-left: 0;
  }

  .empty-indicator td {
    text-align: center;
    color: gray;
    font-style: italic;
  }

//

  tr {
    &.todo-yellow {
      background-color: #fafad2;
    }
    &.todo-red {
      background-color: #f2dede;
    }
    &.todo-green {
      background-color: #dff0d8;
    }
    &.todo-blue {
      background-color: #c4e3f3;
    }
    &.todo-cyan {
      background-color: #e0ffff;
    }
    &.todo-gray {
      background-color: #f9f9f9;
    }
    &.flashing0 {
      background-color: #00ffff;
    }
    &.flashing1 {
      background-color: yellow;
    }
  }

}

/**/
.node.checked .progress {
  background-color: #dcdcdc;
}

.node.checked .progressBar {
  border-color: silver;
}

/*colors*/
.todo-yellow {
  background-color: #fafad2;
}

.todo-red {
  background-color: #f2dede;
}

.todo-green {
  background-color: #dff0d8;
}

.todo-blue {
  background-color: #c4e3f3;
}

.todo-cyan {
  background-color: #e0ffff;
}

.todo-gray {
  background-color: #f9f9f9;
}

/**/
span.markers {
  margin: 0 2px 0 2px;
}

span.markers img {
  vertical-align: top;
  margin-top: 3px;
  margin-right: 1px;
}

span.markers img.priority {
  margin: 2px 3px 0 1px;
}

/**/
div.selectBox {
  border: dotted 1px black;
  position: absolute;
  z-index: 999;
  cursor: default;
}

div.indent-wrapper {
  float: left;
  height: 0;
  position: relative;
  width: 0;
  overflow: visible;
}

div.indent {
  top: -4px;
  position: absolute;
}

/************************  printing ************************/
/*@media print, screen {*/
@media print {
  #tblTodo {
    border: dotted 1px gray;
    width: 100% !important;
    table-layout: auto;
    page-break-inside: auto;

    tr {
      page-break-inside: avoid;
      page-break-before: auto;
      page-break-after: auto;
      overflow: hidden;
    }

    tr.hidden {
      display: table-row;
    }

    tr.root {
      display: none;
    }

    td {
      overflow: visible;
      overflow-y: hidden;
      vertical-align: top;

      &.editable {
        white-space: normal;
      }

      &[data-due] {
        white-space: nowrap;
      }
    }

    .node-content {
      overflow: visible;
      height: auto;
      white-space: normal;
    }

    tr.selected .node-content span.label {
      background-color: inherit !important;
      color: inherit;
    }

    tr.collapsed .node-button {
      background: url('../image/minus.gif') no-repeat;
    }

    div.indent {
      img {
        position: absolute;

        &:nth-child(2) {
          left: 24px;
        }

        &:nth-child(3) {
          left: 48px;
        }

        &:nth-child(4) {
          left: 72px;
        }

        &:nth-child(5) {
          left: 96px;
        }
      }
    }

  }

}